<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta http-equiv="X-UA-Compatible" content="IE=edge">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <title>Document</title>-->
<!--    &lt;!&ndash; 引入样式 &ndash;&gt;-->
<!--    <link rel="stylesheet" href="../../plugins/element-ui/index.css"/>-->
<!--    <link rel="stylesheet" href="../../styles/common.css"/>-->
<!--    <link rel="stylesheet" href="../../styles/page.css"/>-->
<!--    <style>-->
<!--        #member-app .notAdmin::after {-->
<!--            border: 0 !important;-->

<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->
<!--<div class="dashboard-container" id="member-app">-->
<!--    <div class="container">-->
<!--        <div class="tableBar">-->
<!--            <el-input v-model="input" placeholder="请输入员工姓名" style="width: 250px" clearable @keyup.enter.native="handleQuery">-->
<!--                <i slot="prefix" class="el-input__icon el-icon-search" style="cursor: pointer" @click="handleQuery"></i>-->
<!--            </el-input>-->
<!--            <el-button-->
<!--                    type="primary"-->
<!--                    @click="addMemberHandle('add')"-->
<!--            >-->
<!--                + 添加员工-->
<!--            </el-button>-->
<!--        </div>-->
<!--        <el-table :data="tableData" stripe class="tableBox">-->
<!--            <el-table-column prop="name" label="员工姓名"></el-table-column>-->
<!--            <el-table-column prop="username" label="账号"></el-table-column>-->
<!--            <el-table-column prop="phone" label="手机号"></el-table-column>-->
<!--            <el-table-column label="账号状态">-->
<!--                <template slot-scope="scope">-->
<!--                    {{ String(scope.row.status) === '0' ? '已禁用' : '正常' }}-->
<!--                </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    label="操作"-->
<!--                    width="160"-->
<!--                    align="center">-->
<!--                <template slot-scope="scope">-->
<!--                    <el-button-->
<!--                            type="text"-->
<!--                            size="small"-->
<!--                            class="blueBug"-->
<!--                            @click="addMemberHandle(scope.row.id)"-->
<!--                            :class="{notAdmin:user !== 'admin'}">-->
<!--                        编辑-->
<!--                    </el-button>-->
<!--                    <el-button-->
<!--                            type="text"-->
<!--                            size="small"-->
<!--                            class="delBut non"-->
<!--                            @click="statusHandle(scope.row)"-->
<!--                            v-if="user === 'admin'">-->
<!--                        {{ scope.row.status == '1' ? '禁用' : '启用' }}-->
<!--                    </el-button>-->
<!--                </template>-->
<!--            </el-table-column>-->
<!--        </el-table>-->
<!--    </div>-->
<!--</div>-->
<!--<script src="../../plugins/vue/vue.js"></script>-->
<!--<script src="../../plugins/element-ui/index.js"></script>-->
<!--<script src="../../plugins/axios/axios.min.js"></script>-->
<!--<script src="../../js/request.js"></script>-->
<!--<script src="../../api/member.js"></script>-->
<!--<script>-->
<!--    new Vue({-->
<!--        el: '#member-app',-->
<!--        data() {-->
<!--            return {-->
<!--                input: '',-->
<!--                tableData: [],-->
<!--                id: '',-->
<!--                status: '',-->
<!--            }-->
<!--        },-->
<!--        computed: {},-->
<!--        created() {-->
<!--            this.init();-->
<!--            this.user = JSON.parse(localStorage.getItem('userInfo')).username-->
<!--        },-->
<!--        mounted() {-->
<!--        },-->
<!--        methods: {-->
<!--            async init() {-->
<!--                const params = {-->
<!--                    name: this.input ? this.input : undefined//传递用户名-->
<!--                };-->
<!--                await getMemberList(params).then(res => {-->
<!--                    if (String(res.code) === '1') {-->
<!--                        this.tableData = res.data || [];//返回结果复制到tableData-->
<!--                    }-->
<!--                }).catch(err => {-->
<!--                    this.$message.error('请求出错了：' + err)-->
<!--                })-->
<!--            },-->
<!--            handleQuery() {-->
<!--                this.init();-->
<!--            },-->
<!--            // 添加-->
<!--            addMemberHandle(st) {-->
<!--                if (st === 'add') {-->
<!--                    window.parent.menuHandle({-->
<!--                        id: '2',-->
<!--                        url: '/backend/page/member/add.html',-->
<!--                        name: '添加员工'-->
<!--                    }, true)-->
<!--                } else {-->
<!--                    window.parent.menuHandle({-->
<!--                        id: '2',-->
<!--                        url: '/backend/page/member/add.html?id=' + st,-->
<!--                        name: '修改员工'-->
<!--                    }, true)-->
<!--                }-->
<!--            },-->
<!--            //状态修改-->
<!--            statusHandle(row) {-->
<!--                this.id = row.id-->
<!--                this.status = row.status-->
<!--                this.$confirm('确认调整该账号的状态?', '提示', {-->
<!--                    'confirmButtonText': '确定',-->
<!--                    'cancelButtonText': '取消',-->
<!--                    'type': 'warning'-->
<!--                }).then(() => {-->
<!--                    enableOrDisableEmployee({'id': this.id, 'status': !this.status ? 1 : 0}).then(res => {-->
<!--                        console.log('enableOrDisableEmployee', res)-->
<!--                        if (String(res.code) === '1') {-->
<!--                            this.$message.success('账号状态更改成功！')-->
<!--                            this.handleQuery()-->
<!--                        }-->
<!--                    }).catch(err => {-->
<!--                        this.$message.error('请求出错了：' + err)-->
<!--                    })-->
<!--                })-->
<!--            },-->
<!--        }-->
<!--    })-->
<!--</script>-->
<!--</body>-->
<!--</html>-->